<template>
    <div id="swiper">

        <van-swipe :autoplay="3000">
            <van-swipe-item v-for="(image, index) in images" :key="index">
                <img v-lazy="image" />
            </van-swipe-item>
        </van-swipe>
        
    </div>
</template>

<script>
export default {
    data() {
        return {
            images:[
               "img/class01.jpg",
               "img/class02.jpg",
               "img/class03.jpg",
               "img/class04.jpg",
            ]
        }
    },
}
</script>

<style lang="scss">
#swiper{
    width:4.6rem;
    height:2.65rem;
    margin: 0.1rem auto;
    img{
        width:100%;
        height:2.65rem;
        border-radius: 0.1rem;
    }
}
</style>